<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>学校官网</title>
		<style>
			*{
				margin: 0px auto;
			
			}
			.a{
				width: 380px;
				height: 500px;
				background-color: #666666;
				text-align: center;
				
			}
			#b{
				color: white;
				font-size: 16px;
			}
			#c{
				color: white;
				font-size: 16px;
			}
			p{
				color: goldenrod;
			}
			#f{
				display: none;
			}
		</style>
	</head>
	<body>
		<div class="a">
			<span id="b">通知公告</span>
			<span>/</span>
			<span id="c">招标公告</span>
			<p id="g">关于对</p>
			<p id="f">通知关于</p>
		</div>
		<script>
			var tabs=document.getElementById('b');
			var divs=document.getElementById('c');
			var zjy=document.getElementById('g');
			var jxq=document.getElementById('f');
			tabs.onmouseover=function(){
			tabs.style.fontSize="26px";
			divs.style.fontSize="16px";
			zjy.style.display="block";
			jxq.style.display="none"
			}
			divs.onmouseover=function(){
				divs.style.fontSize="26px";
				tabs.style.fontSize="16px";
				zjy.style.display="none";
			jxq.style.display="block"
			}
		</script>
	</body>
</html>
